<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css"th:href="@{/bootstrap-3.3.7/css/bootstrap.css}">
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap-theme.css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap-theme.css}">
    <!--    进度条-->
    <link rel="stylesheet" href="blue/pace-theme-corner-indicator.css">
    <script src="js/pace.js"></script>
    <script th:src="@{/js/jqery-3.3.1.js}"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.js" th:src="@{/bootstrap-3.3.7/js/bootstrap.js}"></script>
    <style>
        body{
            background-image: url("images/背景.jpg");
        }
    </style>
</head>
<body >
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="nav nav-pills">
                    <li class="">
                         <a href="/"> <span class="badge pull-right">42</span> 商城首页</a>
                    </li>
                    <li>
                         <a href="/user/cart"> <span class="badge pull-right">16</span> 购物车</a>
                    </li>
                    <li>
                        <a href="/user/collect"> <span class="badge pull-right">16</span> 收藏夹</a>
                   </li>
                </ul>
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#">购买成功</a>
                           </li>
                            <li class="dropdown pull-right">
                                 <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
                                <ul class="dropdown-menu">
                                    <li>
                                         <a href="#">操作</a>
                                    </li>
                                    <li>
                                         <a href="#">设置栏目</a>
                                    </li>
                                    <li>
                                         <a href="#">更多设置</a>
                                    </li>
                                    <li class="divider">
                                    </li>
                                    <li>
                                         <a href="#">分割线</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-2 column">
                        <img alt="140x140" src="/images/order_a.jpg" />
                    </div>
                    <div class="col-md-6 column">
                        <blockquote>
                            <p>
                                亲，您已成功下单！商品将在7天内送达！
                            </p> <small>最爱您的商城客服  <cite>小胖</cite></small>
                        </blockquote>
                    </div>
                    <div class="col-md-4 column">
                        <a href=""><button type="button" class="btn btn-default">继续逛逛</button></a>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <a href=""><button type="button" class="btn btn-default">返回商城首页</button></a>
                    </div>
                </div>


            </div>
        </div>
    </div>
    
</body>
</html>